@charset "utf-8";
@import "_reset.scss";
//头部部分
body{
    background: #f6f6f6;
}
#top{
    height:38px;
    background: #dfdfde;
    .top-content{
        width:995px;
        height:38px;
        margin:0 auto;
        .top-1{
            float:left;
            font-size: 14px;
            font-family: "微软雅黑";
            line-height:38px;
            margin-left:8px;
        }      
        .top-2{
            float:right;
            font-size: 14px;
            font-family: "微软雅黑";
            line-height:38px;
            margin-right:25px;
            cursor: pointer;
      
            &:hover{
                color:crimson;
            }
        }
    }
}
//头部部分


//导航部分
.nav-color{
    height:97px;
    background: white;
}
#nav{
    width:995px;
    height:97px;
    margin:0 auto;
    //导航左边
    .nav-left{
        float:left;
        height:97px;
        border-top:1px solid transparent;
        img{
            float:left;
        }
        .logo-p{
            float:left;
            margin-top:22px;
            margin-left:21px;
            .left-1{
                font-size:25px;
            }
            .left-2{
                font-size:13px;
                margin-top:-2px;

            }
        }
    }   
    //导航左边
    
    //导航右边
    .nav-right{
        width:605px;
        height:97px;
        float:right;
        >ul>li{
            float:left;
            width:86px;
            height:97px;         
            text-align: center;
            font-family: "微软雅黑";
            font-weight: bold;
            font-size:14px;
            cursor:pointer; 
            box-sizing:border-box; 
            &:hover{
                    background: #faf8f8;
                    border-bottom:4px solid #3c9cd3;
                }
            >a{
                width:86px;
                height:97px;
                display:inline-block;  
                font-size:14px;
                color:black; 
                display:flex;
                align-items: center;
                justify-content: center;                                            
            }       
        }      
    }  
    //导航右边           
}
//导航部分


//中间内容部分
.banner img{
    width:100%;
    box-shadow: 2px 2px 10px #828282 ;
}
.p-style{
    height:129px;
    background: #cac9c9;
    font-size:24px;
    font-family: "微软雅黑";
    text-align: center;
    cursor: pointer;
    box-shadow: 1px 1px 5px #828282 ; 
    p{
        margin-top:36px;
    }
}
.content-top{
    width:969px;
  
    margin:0 auto;
    
    >p{
        margin-top:20px;
        font-size:14px;
        font-family: "宋体";
        color:#626262;
        margin-bottom:34px;      
    }
    .nav-box{
        width:969px;
        height:129px;
        display:flex;
        justify-content: space-between;
        div>img{
                    margin-top:6px;
                    display:none;                
                }
        >div:hover{
            background: #2072f9;
            color:white;
        }
        
        .baiwan{
            width:290px;
            @extend .p-style;      
                        
            &:hover>img{
              display:inline-block;
            }    
                  
        }
        .biaoqing{
            width:205px;
            @extend .p-style;
            &:hover>img{
              display:inline-block;
            } 
        }
        .huwai{
            width:231px;
            @extend .p-style;
            &:hover>img{
              display:inline-block;
            }
        }
        .shinei{
            width:219px;
            @extend .p-style;
            &:hover>img{
              display:inline-block;
            }
        }
    }
    .search{
        width:358px;
        height:50px;
        border:1px solid black;
        float:right;
        margin-top:29px;
        margin-bottom:26px;
        input{
            width:300px;
            height:50px;
            background:none;
            border:none;
            text-indent: 16px;
            font-size:16px;
            float:left;
        }
        span{
            width:50px;
            height:50px;
            background: black;
            cursor: pointer;
            float:right;
            position:relative;
            
            i{
                color:#e3e3e5;
                font-size:30px;
                position:absolute;
                left:10px;
                top:10px;
               
            }
           
        }
    }
    
    
}


.show{
    width:976px;
    height:269px;   
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    background: white;
    

    >div{
        width:326px;
        height:267px;
        border:1px solid #dcdcdc;
        border-right:none;
        border-bottom:none;
        img{
            display:block;
            margin:0 auto;
            margin-top:42px;
            width:98px;
            height:129px;
            cursor: pointer;
        }
        .s_p-1{
            font-size:18px;
            font-family: "微软雅黑";
            color:#2072f9;
            text-align: center;
            margin-top:20px;
        }
        .s_p-2{
            font-size:12px;
            font-family: "微软雅黑";
            margin-top:10px;
            text-align: center;
        }
    }
    
    .show-last{
        border-right:1px solid #dcdcdc;
    }
    
}
.show-3>div{
        border-bottom:1px solid #dcdcdc;
    }





.page{
    height:100px;
    margin-top:54px;
    .first{
        margin-right:32px;
    }
    .last{
        margin-left:32px;
    }

    ul{
        width:544px;
        height:48px;
        margin:0 auto;
        >li>a{
            width:60px;
            height:48px;
            float:left;
            line-height:48px;
            text-align:center;
            &:hover{
                background: #2072f9;
            }
        }
        
    }
    .active{
        background: #2072f9;
    }

    
    
    
}
//中间内容部分










//尾部部分
#footer{
    height:100px;
    background: #3c9cd3;
    border-top:1px solid transparent;
    .tb{
        text-align: center;
        margin-top:27px;
        font-size:12px;
        color:white;
        .span-p{
            
        }
        .iconfont{
            color:#48b9fa;
            margin-right:20px;
        }
        .icon-weibo{
            font-size:24px;
            margin-left:5px;
            vertical-align: -12%;
            
        }
        .icon-qq{
            font-size:20px;
            vertical-align: 0%;
        }
        .icon-weixin{
            font-size: 24px;
            vertical-align: -12%;
        }
     
    }
    p{
        text-align: center;
        color:white;
        font-size:12px;
    }
}
.copy{
    height:35px;
    background: #1c1b29;
    p{
        color:white;
        text-align: center;
        line-height:35px;
        font-size:12px;
    }
}
//尾部部分